<template>
    <div>
        <navbar class="navbarBox" select="8"></navbar>

        <div style="position: relative;">
            <img alt src="@/assets/about/bj2.png" srcset style="width: 100%;" />
            <!-- <img src="@/assets/about/Group 838@2x.png" alt="" srcset="" class="aboutIcon"> -->
        </div>

        <div class style="width: 70%;margin: 30px auto;">
            <div class="flexFST">
                <img alt src="@/assets/about/Rectangle 215@2x.png" srcset style="width: 400px;" />
                <div class="content">
                    <div>
                        <img alt src="@/assets/about/gsjj.png" srcset style="width: 100px;margin-bottom: 30px;" />
                    </div>
                    <div style="text-indent: 2em;line-height: 30px;">昊文网络是中国流行的短视频和网络表演应用之一,昊文网络是年轻人分享和发现视界的精彩、分享生活方式的平台,更帮助数亿普通人发现所需、发挥所长,用户可以通过短视频、图文等方式记录美好生活点滴、并基于兴趣形成互动。昊文网络由广西昊文网络科技有限公司开发集运营，公司成立于2023年3月1日，公司地址位于 南宁市科园大道68号南宁高新区软件园二期4号楼四层403号</div>
                </div>
            </div>

            <!-- <img src="@/assets/about/dt.png" alt="" srcset="" style="width: 100%;"> -->

            <div style="margin-top: 50px;">
                <img alt src="@/assets/about/lxfs.png" srcset style="width: 130px;margin-bottom: 30px;" />
            </div>

            <div style>
                <img alt src="@/assets/about/dt.png" srcset style="width: 100%;margin-bottom: 30px;" />
            </div>

            <p class="fontBox">公司地址:南宁市科园大道68号南宁高新区软件园二期4号楼四层403号</p>
            <p class="fontBox">联系电话:18198640015</p>
        </div>

        <bottom class="bottomBox"></bottom>
    </div>
</template>

<script>
import navbar from '@/components/navbar/navbar.vue'
import bottom from '@/components/bottom/bottom.vue'
export default {
    components: {
        navbar,
        bottom,
    },
    data() {
        return {}
    },
}
</script>

<style lang="scss" scoped>
.title {
    margin-top: 300px;
    text-align: center;
}

.content {
    // text-align: center;
    color: #555;
    width: 800px;
    margin: 30px auto;
}

.aboutIcon {
    width: 100px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 180px;
}

.fontBox {
    color: #333;
    font-size: 15px;
}
</style>
